* {
    margin: 0;
    padding: 0;
}

.main {
    margin: 50px auto;
}


/* 按钮区域 */

.btn {
    text-align: center;
    margin-bottom: 15px;
}

.btn button {
    margin: 0 5px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #008080;
    border-radius: 3px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.btn button.active {
    background-color: #40E0D0;
    color: #fff;
}


/* 游戏区域 */

.gameArea {
    text-align: center;
}

table {
    border-spacing: 1px;
    margin: 0 auto;
    background: cornflowerblue;
}

td {
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid;
    border-color: #fff #a1a1a1 #a1a1a1 #fff;
    background-color: #ccc;
}

td.zero,
td.one,
td.two,
td.three,
td.four,
td.five,
td.six,
td.seven,
td.eight {
    background: #d9d9d9;
    border-color: #d9d9d9;
}

td.one {
    color: rgb(6, 136, 12);
}

td.two {
    color: rgb(19, 128, 201);
}

td.three {
    color: rgb(11, 61, 128);
}

td.four {
    color: rgb(132, 8, 143);
}

td.five {
    color: rgb(245, 83, 19);
}

td.six {
    color: rgb(224, 105, 8);
}

td.seven {
    color: rgb(233, 2, 2);
}

td.eight {
    color: rgb(255, 0, 0);
}


/* 剩余雷数 */

.mine-num {
    text-align: center;
    margin-top: 15px;
    font-weight: 700;
}


/* 显示地雷的图标 */

.bomb {
    background: url(../images/bomb.png) no-repeat center center;
}


/* 显示小红旗的图标 */

.flag {
    background: url(../images/flag.png) no-repeat center center;
}

.error {
    background: url(../images/error.png) no-repeat center center;
}